<template>
	<div id="shouye-box">
		<div id="publicfooter">
			<div id="footer-icon">
				<span class="iconfont icon-icon-test"></span>
				<router-link to="../master" tag="span" class="wenzhi">首页</router-link>
			</div>
			<div id="footer-icon">
				<span id="-iconfont-" class="iconfont icon-dingdan"></span>
				<router-link to="../order" tag="span" class="wenzhi">订单</router-link>
			</div>
			<div id="footer-icon">
				<span class="iconfont icon-gerenzhongxin"></span>
				<router-link to="../mine" tag="span" class="wenzhi">个人中心</router-link>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		name: 'everyfooter'
	}
</script>

<style>

#publicfooter{width: 100%;height: 55px;display: flex;justify-content: space-around;position:fixed;bottom: 0;border-top: 0.5px solid #666666;padding-top: 5px;}
#footer-icon{width: 80px;height: 50px;text-align: center;}
#footer-icon span{display: block;}
#footer-icon .wenzhi{font-size: 13px;}
#footer-icon .iconfont{font-size: 27px;}
.router-link-active{color: cornflowerblue;}
</style>